<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>alert</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js">
    </script>
    <link href="http://netdna.bootstrapcdn.com/twitterbootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />
    <script type="text/javascript"> $(document).ready(function(){
$('#tooltip').tooltip({"placement": "right"}); $('#tooltip').click(function(){
alert('watir-webdriver better than selenium-webdriver') }); }); </script>
</head>
<body>
<div class="row-fluid">
    <div class="span6 well">
        <h3>alert</h3>
        <a id="tooltip" href="#" data-toggle="tooltip" title="watir-webdriver better
than selenium-webdriver">hover to see tooltip</a>
    </div>
</div>
</body>
<script src="http://netdna.bootstrapcdn.com/twitterbootstrap/2.3.2/js/bootstrap.min.js"></script>
</html>